
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
    .divImg{text-align: center;width:100px;height: 40px}
    .divImg img{width: 50%;height: 100%}
    </style>
</head>

<body style="color:#333;padding:3px;" class="x_sorll">
    <!-- 标题 -->
    <div class="page-heade clearfix">
      <h2 class="title_color text-center">
        <a class="col-md-6 title_color H_right H_active" style="font-size: 16px;" href="{:url('Other/tomarkethdbf')}">已汇报</a>
        <a class="col-md-6 title_color H_right" style="font-size: 16px;color:#333;" href="{:url('Other/tomarkethdbf1')}">未汇报</a>

      </h2>
    </div>
    <!-- 标题 -->
    <div>
    <form action="" class="form-inline" id="form1">
      <table class="row-margin-top tab-content table-bordered table" border="1">
          <tr>
            <td class="text-right" style="min-width: 120px;width: 120px">促销编号</td>
            <td><input type="text" class="form-control" name=""></td>
            <td class="text-right" style="min-width: 120px;width: 120px">申请类型</td>
            <td>
              <select name="" id="" class="form-control select">
                <option value="0">全部</option>
                <option value="1">常规促销</option>
                <option value="2">非常规促销</option>
                <option value="3">进场</option>
              </select>
            </td>
              <td class="text-right" style="min-width: 120px;width: 120px">网点编码</td>
            <td><input type="text" class="form-control" name=""></td>
          </tr>
            <tr>
               <td class="text-right" style="min-width: 120px;width: 120px">网点名称</td>
               <td><input type="text" class="form-control" name=""></td>
               <td class="text-right" style="min-width: 120px;width: 120px">促销活动开始时间</td>
               <td>
                    <div class="form-group">
                     <input type="text" id="start" class="form-control layer-date " style="width:100px;display: inline-block;" name="">
                   </div>
               </td>
               <td class="text-right" style="min-width: 120px;width: 120px">促销活动截止时间</td>
               <td>
                     <div class="form-group">
                   <input type="text" class="form-control layer-date" style="width:100px;display: inline-block;" id="end" name="">
                   </div>
               </td>
            </tr>
          <tr>
            <td class="text-right">汇报人性质</td>
            <td>
              <select name="" id="" class="form-control select">
                <option value="0">全部</option>
                <option value="1">内部职员</option>
                <option value="2">导购员</option>
                <option value="3">经销商职员</option>
              </select>
            </td>
            <td class="text-right">汇报人姓名</td>
            <td><input type="text" class="form-control" name=""></td>
             <td class="text-right">汇报人部门</td>
            <td><input type="text" class="form-control" name=""></td>
        </tr>
       <tr>
            <td class="text-right">是否检核核销</td>
            <td>
              <select name="" id="" class="form-control select">
                <option value="0">全部</option>
                <option value="1">是</option>
                <option value="2">否</option>
              </select>
            </td>
            <td class="text-right">费用类型</td>
            <td><input type="text" class="form-control" name=""></td>
             <td class="text-right">审核结果</td>
            <td>
              <select name="" id="" class="form-control select">
                <option value="0">全部</option>
                <option value="1">待审批</option>
                <option value="2">已审核</option>
                <option value="3">已打回</option>
              </select>
            </td>
        </tr>
         <tr>
           <td class="text-center" colspan="6">
                       <button class="btn-sm btn-info btn">查询</button><span class="lr_5"></span><button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button> 
                       <button class="btn btn-sm btn-info" type="button">导出Excel</button> 
                   </td>
         </tr>
      </table>
    </form>
      <table class="table table-striped table-bordered table-hover bud_hei text-center">
          <tr class="info">
            <td rowspan="2">序号</td>
            <td rowspan="2">促销申请编号</td>
            <td rowspan="2">促销申请明细编号</td>
            <td rowspan="2">申请类型</td>
            <td colspan="5">促销活动的产品维度</td>
            <td colspan="2">网点信息</td>
            <td colspan="2">费用情况</td>
            <td colspan="2">促销活动时间</td>
            <td rowspan="2">汇报状态</td>
            <td colspan="5">汇报人信息</td>
            <td colspan="9">汇报结果</td>
            <td colspan="8">当前审核结果</td>
            <td rowspan="2">操作</td>
          </tr>
          <tr class="info">
            <td>品牌</td>
            <td>品类</td>
            <td>系列</td>
            <td>SKU</td>
            <td>单品</td>
            <td>网点编码</td>
            <td>网点名称</td>
            <td>费用类型</td>
            <td>费用</td>
            <td>开始时间</td>
            <td>截止时间</td>
            <td>性质</td>
            <td>所属经销商</td>
            <td>姓名</td>
            <td>部门</td>
            <td>岗位</td>
            <td>是否建<br>议核销</td>
            <td>活动描述</td>
            <td>定位日期</td>
            <td>定位时间</td>
            <td>定位地址</td>
            <td>网点地址</td>
            <td>偏差距离</td>
            <td>偏差异常</td>
            <td>活动照片</td>
            <td>审核状态</td>
            <td>审核日期</td>
            <td>审核时间</td>
            <td>性质</td>
            <td>所属经销商</td>
            <td>姓名</td>
            <td>部门</td>
            <td>岗位</td>
          </tr>
          <tr>
            <td>1</td>
            <td>2012000121</td>
            <td>2012000121_4</td>
            <td>进场</td>
            <td>利口福</td>
            <td>粽子类</td>
            <td>粽子类</td>
            <td>台式风味粽</td>
            <td>03台式风味粽</td>
            <td>S000000045</td>
            <td class="text-left">福州家乐福松岗分店01</td>
            <td>条码费</td>
            <td class="text-right">212.00</td>
            <td>2018-01-21</td>
            <td>2018-01-31</td>
            <td>已汇报</td>
            <td>内部职员</td>
            <td></td>
            <td>蔡启豪</td>
            <td>华中大区</td>
            <td>华中大区销售代表</td>
            <td>是</td>
            <td>OK</td>
            <td>2018-01-21</td>
            <td>11:11</td>
            <td class="text-left"><span>广东省广州市番禺区番禺大道北辅路</span><a href="javascript:;"><img src="__STATIC__/layout/img/map.png" style="width: 24px;height: 24px;vertical-align: bottom;"></a></td>
            <td class="text-left">广东省广州市番禺区番禺大道北辅路</td>
            <td>0.02公里</td>
            <td>正常</td>
            <td><div class="divImg"><img src="__STATIC__/layout/img/map.png"></div></td>
            <td>待审核</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td><a href="{:url('Other/xiashumarkethdbfdt')}">详情</a>&nbsp;<a href="{:url('Other/xiashumarkethdbfshenhe')}">审核</a></td>
          </tr>
      </table>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!--统计代码，可删除-->
    <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script>

        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
      
        laydate(start);
        laydate(end);
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })
    })
  $(document).ready(function () {
        $('#reset').on('click',function () {
            $("#form1 input").each(function(){
                $(this).val('');
            });
            $("#form1 select").each(function(){
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })
    })   
    </script>
</body>

</html>
